<template>
	<view class="minepage">
		<zetank-wode :name="name" :avatarUrl="avatarUrl" :color="color"></zetank-wode>
		<!-- <view style="">
			<view class="userHeader" :style="'background-color: '+color">
			  <image src="@/static/images/user-bg.png" class="user_bg"></image>
			  <view class="nav">
			      <view class="user" @click="bindLogin" :hover-class="!hasLogin ? 'logo-hover' : ''">
					 <u-avatar class="avatar" :size="130" :src="avatarUrl" :show-sex="true" sex-icon="woman" sex-bg-color="#ff77bb"></u-avatar>
					 <view class="flex-col pl-30 " style="display: flex;flex: 2; ">
						  <text class="font-size-extra-lg">{{name}}</text>
						  <text>{{name}}</text>
					 </view>
					<view style="flex: 1;">
						 <u-tag class="tag " text="未认证" type="error"  shape="circleLeft" bg-color="#303133" color="#fcbd71" border-color="#000000"></u-tag>
					</view>
			      </view>
			  </view>
			</view> 
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				color:"#2b78ff",
				avatarUrl:"https://herther-mall.oss-cn-shenzhen.aliyuncs.com/2021-11-20/Snipaste_2021-11-20_18-03-54.jpg",
				name:"h12312",
				
			};
		},
		methods: {
		}
	}
</script>

<style lang="scss">
// .minepage{
// 	width: 100%;
// 	height: 100%;
// 	// display: flex;
// 	// flex: 1;
// 	// flex-direction: column;
// 	// background-color: #f8f8f8;	
// 	.userHeader {
// 	  height: 520rpx;
// 	  // position: relative;
// 	  // padding: 50upx 4%;
// 	  padding-top: 200rpx;
// 	}
// 	.userHeader .user_bg {
// 	  height: 100%;
// 	  width: 100%;
// 	  display: block;
// 	  position: absolute;
// 	  top: 0;
// 	  left: 0;
// 	}
// 	.userHeader .nav {
// 	  width: 100%;
// 	  // height: 180upx;
// 	  display: flex;
// 	  align-items: center;
// 	  justify-content: space-between;
// 	}
// 	.user {
// 	  width: 100%;
// 	  display: flex;
// 	  -webkit-box-align: center;
// 	  -webkit-align-items: center;
// 	  align-items: center;
// 	  overflow: hidden;
// 	  z-index: 200;
// 	  .avatar{
// 		  padding-left: 30rpx;
// 		 flex: 2;
// 	  }
// 	}
// }
</style>
